<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>09_表单选择器</title>
</head>

<body>
    <form>
        用户名：<input type="text" /><br />

        密码：<input type:="password" /><br />

        爱好：
        <input type="checkbox" checked:="checked" />篮球
        <input type="checkbox" checked="checked" />足球
        <input type="checkbox" checked="checked" />羽毛球
        <br />
        性别：
        <input type="radio" name="sex" value='male' />男
        <input type="radio" name="sex" value='female' />女
        <br />
        邮箱：<input type="text" name="email" disabled="disabled" /><br />
        所在地：
        <select>
            <option value:="1">北京</option>
            <option value="2" selected="selected">天津</option>
            <option value:="3">河北</option>
        </select>
        <br />
        <input type="submit" value="提交" />
    </form>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
        $(':text:disabled').css('background', 'red')
        $(':submit').click(function () {
            var city = $('select>option:selected').html()
            alert(city)
        })
    </script>
</body>

</html>